<template>
	<div class="Jobdetails">
		<el-row style="margin-top: 40px;margin-bottom: 24px;">
			<el-col :span="16" :offset="3" class="jobflex">
				<div class="left">
					<div class="caozuo flex-between">
						<div class="left redcolor">停止该岗位招聘</div>
						<div class="right flex">
							<div class="item redcolor flex">
								<img src="../../../static/image/delete.png" alt="" class="src"></img>
								删除
							</div>
							<div class="item bluecolor flex">
								<img class="src" src='../../../static/image/edite.png'></img>
								编辑
							</div>
						</div>
						<div class="position_item">
							<div class="poleft">
								<div class="jobname flex">UI设计师 <span class="sxs">实习生</span> <span>北京-大兴区</span></div>
								<div class="seller">8-15K</div>
								<div class="lookbtn">发布于2020-08-23</div>
							</div>
							<div class="poright flex" style="justify-content: baseline;">
								<div class="r_left">
									<div class="count"><span class="rb">招聘中</span><span class="rb">3-5年</span><span>本科</span></div>
								</div>
							</div>
						</div>
						<head-top title='职位描述' style="margin-bottom: 12px;"></head-top>

						<div class="ms">

							<div class="zwtitle">岗位职责：</div>
							<div class="cnt">
								1、负责产品包装方案的评审与设计，并与客户及项目团队进行技术沟通；
								2、产品结构设计评审与改善性设计，并客及与外部供方进行的技术沟通；
								3、产品加工工艺分析，进行产品的前期实现性评估；
								4、产品成本控制，对于产品实现过程所涉及的成本进行设计优化与管理；
								5、内部产品工程包装&结构相关的技术文件管理；
								6、完成领导交办的其他工作内容。
							</div>
							<div class="zwtitle">任职要求：</div>
							<div class="cnt">
								1、3年以上包装方案设计与产品结构设计经验；
								2、熟练使用Solid works等；
								3、熟练钣金加工、注塑加工、铝挤、机加及相关的表面处理工艺；
								4、对产品模具(钣金模具、塑料模具、压铸模具)等有一定技术分析与沟通能力；
								5、对产品包装设计与产品整机组装有评审与改善相关经验；
								6、熟悉结构开发相关的流程与行业标准规范。
								7、有较好的团队沟通与协作能力。
							</div>
						</div>
						<head-top title='工作地点' style="margin-bottom: 12px;"></head-top>
						<div class="address">
							<img src="../../../static/image/bposition.png" alt="" class="src">
							杭州西湖区蒋村商务中心(北2门)B2楼503室 <span class="bluecolor">查看地图</span>
						</div>
						<head-top title='试题' style="margin-bottom: 12px;"></head-top>

						<div class="stsection">
							<div class="st">
								<div class="sttitle">1、第一题第一题第一题第一题第一题第一题第一题第一题第一题第一题</div>
								<textarea class="da" readonly="readonly">答案:请输入你的答案请输入你的答案</textarea>
							</div>
							<div class="st">
								<div class="sttitle">1、第一题第一题第一题第一题第一题第一题第一题第一题第一题第一题</div>
								<textarea class="da" readonly="readonly">答案:请输入你的答案请输入你的答案</textarea>
							</div>
							<div class="st">
								<div class="sttitle">1、第一题第一题第一题第一题第一题第一题第一题第一题第一题第一题</div>
								<div class="xxs">
									<el-radio-group v-model="radio2" size='medium' style="font-size: 14px;">
										<el-radio :label="1">A:备选项</el-radio>
										<el-radio :label="2">B:备选项</el-radio>
										<el-radio :label="3">C:备选项</el-radio>
									</el-radio-group>

								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="right">
					<div class="r_sct1">
						<img src="../../../static/image/delete.png" alt="" class="src"></img>
						<div class="name">北京智行瑞景科技有限公司</div>
						<div class="countperson"><span class="rb">上市公司</span><span>100-500人</span></div>
					</div>

					<div class="r_sct2">
						<head-top title='工作地点' style="margin-bottom: 25px;"></head-top>
						<div class="hr">
							<div class="hrnick">李先生 <span>HR</span></div>
							<div class="name">北京智行瑞景科技有限公司</div>
							<div class="name">互联网/IT/设计</div>
						</div>
						<head-top title='公司简介' style="margin-top: 30px;margin-bottom: 18px;"></head-top>
						<div class="hr" style="border-bottom: none;border-bottom: 0px;">
							<div class="cnt">牛股王成立于2014年，是新生代股票社区类领
								军企业。公司专注于以技术驱动产品创新，降
								低普通投资者交易门槛，提供极致体验和优质
								服务，现已拥有3000万用户规模，涉及股
								票、基金、资管、量化等多个板块。</div>
						</div>
					</div>
				</div>
			</el-col>
		</el-row>
	</div>
</template>

<script>
	import headTop from '@/components/headTop'

	export default {
		data() {
			return {
				radio2: '1'
			}
		},
		components: {
			headTop

		},
		created() {

		},
		methods: {

		}
	}
</script>

<style lang="less" scoped="scoped">
	.Jobdetails {
		width: 100%;
		height: auto;

		.jobflex {
			display: flex;
			justify-content: space-between;

			.left {
				width: 67%;

				.right {


					.item {
						margin-left: 40px;
						cursor: pointer;

						img {
							width: 18px;
							height: 18px;
							margin-right: 5px;
						}
					}
				}

				.ms {
					width: 100%;
					height: auto;
					margin-bottom: 40px;

					.zwtitle {
						width: 100%;
						color: #333333;
						font-size: 16px;
						margin: 10px 0px;
					}

					.cnt {
						width: 100%;
						display: table;
						line-height: 26px;
						text-align: justify;
					}
				}

				.address {
					margin: 20px 0px 60px;
					display: flex;
					align-items: center;

					img {
						width: 22px;
						height: 22px;
						margin-right: 10px;
					}

					span {
						margin-left: 30px;
						cursor: pointer;
					}
				}

				.stsection {
					width: 100%;
					max-height: 665px;
					overflow-y: auto;
					overflow-x: hidden;
					padding: 20px 40px;
					box-sizing: border-box;
					background-color: #FFFFFF;

					.st:last-child {
						border-bottom: none !important;
					}

					.st {
						width: 100%;
						flex-direction: column;
						border-bottom: 1px solid #EEEEEE;
						padding-bottom: 20px;
						box-sizing: border-box;

						.sttitle {
							color: #333333;
							font-size: 16px;
							margin: 20px 0px;
						}

						.da {
							padding: 10px;
							box-sizing: border-box;
							width: 500px;
							color: #999999;
							font-size: 14px;
							height: 98px;
							background: #F8F8FB;
						}

					}
				}

				.position_item {
					display: flex;
					justify-content: space-between;
					width: 100%;
					height: auto;
					background-color: #FFFFFF;
					padding: 32px 40px 26px 40px;
					box-sizing: border-box;
					margin-bottom: 30px;
					margin-top: 29px;

					.poleft {
						.jobname {
							color: #226FFF;
							font-size: 26px;

							.sxs {
								color: #FF8022;
								border: 1px solid #FF8022;
								font-size: 12px;
								margin: 0px 20px 0px 10px;
								height: 17px;
								line-height: 17px;
								padding: 0px 5px;
								box-sizing: border-box;
							}

							span {
								color: #999999;
								font-size: 16px;
							}
						}

						.seller {
							color: #FF4422;
							font-size: 26px;
							margin: 12px 0px 20px;
						}

						.lookbtn {
							color: #999999;
							font-size: 16px;
						}
					}

					.poright {
						display: flex;
						align-items: center;
						padding-top: 7px;
						box-sizing: border-box;

						.mar {
							margin: 14px 0px 47px;
						}

						.r_left {
							text-align: right;
							display: flex;
							flex-direction: column;
							justify-content: flex-end;


							.count {
								color: #999999;
								font-size: 16px;

								.rb {
									&:after {
										// padding-left: 20px;
										// box-sizing: border-box;
										// margin-left: 20px;
										content: "";
										margin-left: 15px;
										padding-left: 15px;
										border-left: 1px solid #999999;
										height: 16px;
										display: inline-block;
										vertical-align: middle;
									}
								}
							}

						}


					}
				}
			}

			.right {
				width: 28%;

				.r_sct2 {
					background-color: #FFFFFF;
					padding: 30px;
					width: 100%;
					box-sizing: border-box;
					margin-top: 40px;

					.hr {
						padding-bottom: 20px;
						box-sizing: border-box;
						border-bottom: 1px solid #EEEEEE;

						.cnt {
							color: #999999;
							font-size: 14px;
							line-height: 22px;
						}

						.hrnick {
							color: #333333;
							font-size: 16px;
						}

						.name {
							color: #999999;
							font-size: 14px;
							margin-top: 10px;
						}
					}
				}

				.r_sct1 {
					margin-top: 50px;
					background-color: #FFFFFF;
					width: 100%;
					height: auto;
					padding: 20px 0px 20px 30px;
					box-sizing: border-box;

					img {
						width: 58px;
						height: 58px;
					}

					.name {
						color: #333333;
						font-size: 22px;
						margin: 17px 0px 10px;
					}

					.countperson {
						display: flex;
						align-items: center;
						color: #999999;

						.rb {
							&:after {
								// padding-left: 20px;
								// box-sizing: border-box;
								// margin-left: 20px;
								content: "";
								margin-left: 15px;
								padding-left: 15px;
								border-left: 1px solid #999999;
								height: 16px;
								display: inline-block;
								vertical-align: middle;
							}
						}
					}


				}
			}
		}
	}
</style>
